<template>
	<view class="voucherPopup">
		<view class="popupTitle">提车凭证</view>
		<view class="carInfo u-border-bottom">
			<view class="info">
				<view class="left">车辆信息</view>
				<view class="right">名爵 GM7 2022尊贵款</view>
			</view>
			<view class="info">
				<view class="left">提车数量</view>
				<view class="right">x 1</view>
			</view>
		</view>
		<view class="carInfo u-border-bottom">
			<view class="info">
				<view class="left">车架号</view>
			</view>
			<view class="tags">
				<view class="tag">LSGGA53E2EY146638</view>
				<view class="tag">LSGGA53E2EY146638</view>
				<view class="tag">LSGGA53E2EY146638</view>
				<view class="tag">LSGGA53E2EY146638</view>
			</view>
		</view>
		<view class="otherInfo">
			<view class="info">
				<view class="left">提车地址</view>
				<view class="right">x 1</view>
			</view>
			<view class="info">
				<view class="left">买家名称</view>
				<view class="right">x 1</view>
			</view>
			<view class="info">
				<view class="left">卖家名称</view>
				<view class="right">x 1</view>
			</view>
			<view class="info">
				<view class="left">联系方式</view>
				<view class="right">x 1</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "voucher",
		props: {

		},
		watch: {},
		data() {
			return {

			};
		},
		onReady() {},
		methods: {

		}
	}
</script>

<style lang="scss">
	.voucherPopup {
		width: 690rpx;
		height: 804rpx;
		background: #FFFFFF;
		padding: 30rpx;

		.popupTitle {
			padding-top: 10rpx;
			font-size: 32rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			color: #202020;
			margin-bottom: 40rpx;
			line-height: 44rpx;
		}

		.carInfo {
			padding-bottom: 30rpx;
			margin-bottom: 30rpx;
		}

		.otherInfo {
			padding: 24rpx;
			width: 630rpx;
			height: 264rpx;
			background: #F7F7F7;
			border-radius: 16rpx;
		}

		.tags {
			display: flex;
			flex-wrap: wrap;

			.tag {
				width: 262rpx;
				height: 44rpx;
				background: rgba(15, 189, 127, 0.07);
				border-radius: 6rpx;
				margin-right: 10rpx;
				margin-bottom: 10rpx;
				font-size: 22rpx;
				font-family: ArialMT;
				color: #0FBD7F;
				text-align: center;
				line-height: 44rpx;
			}
		}

		.info {
			display: flex;
			font-size: 28rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			line-height: 40rpx;
			margin-bottom: 24rpx;

			&:last-child {
				margin-bottom: 0;
			}

			.left {
				color: #666666;
			}

			.right {
				margin-left: auto;
				color: #202020;
			}
		}
	}
</style>